<template>
    <div>
        <div class="mui-card">
            <div class="mui-card-content">
                <div class="mui-card-content-inner">
                    <swiper :lunbotuList="imgList"></swiper>
                </div>
            </div>
        </div>

        <div class="mui-card">
            <div class="mui-card-header">页眉</div>
            <div class="mui-card-content">
                <div class="mui-card-content-inner">
                    包含页眉页脚的卡片，页眉常用来显示面板标题，页脚用来显示额外信息或支持的操作（比如点赞、评论等）
                </div>
            </div>
            <div class="mui-card-footer">页脚</div>
        </div>


    </div>
</template>

<script>
    import swiper from '../subcomponents/swiper.vue'
    export default {
        data(){
            return {
                id:this.$route.params.id,
                imgList:[]
            }
        },
        created() {
            this.getImgList();
        },
        methods:{
            getImgList(){
                this.$http.get('/api/image/getPhotolist/'+this.id,{params: {isLunbo:0}}).then(result => {
                    if(result.body.success ===true) {

                        this.imgList = result.body.page.list
                    }else {
                        Toast('加载轮播图失败')
                    }
                })
            }
        },
        components: {swiper}
    }
</script>

<style scoped>

</style>